<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>${sessionScope.web_name}</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-addon.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery.ui.datepicker-zh-CN.js.js" ></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-zh-CN.js" ></script>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
		<script src="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jquery.form.js"></script>
	</head>
    <body class="page-header-fixed">
        <!-- BEGIN HEADER -->
        <jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
        <!-- END HEADER -->
        <div class="clearfix"> </div>
        <div class="page-container row-fluid" >
			<!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
			<div class="page-sidebar nav-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="page-sidebar-menu">
					<sys:sysNav ctgLevelOne="sysUser" ctgLevelTwo="sysdepartmentMgr" />
				</ul>
			</div>
		
			<div class="page-content">
				<div class=container-fluid>
					<!-- BEGIN PAGE HEADER-->
					<div class="row-fluid crumbs">
						<div class="beginPageHearderBg_1"></div>
						<div class="beginPageHearderBg_2"></div>
						<div class="page-title page-title-style"><i class="icon-legal"></i>组织数据管理信息</div>
						<div class="page-title-desc"><i class="fa fa-info-circle"></i>组织数据管理增删该查等信息(*)</div>
						<div class="span12 breadcrumb-style">
							<ul class="breadcrumb">
								<li>
									<i class="icon-home"></i>
									<a href="${sessionScope.web_home}">首页</a>
									<i class="icon-angle-right"></i>
								</li>
								<li>
									<a href="#">系统</a>
									<i class="icon-angle-right"></i>
								</li>
								<li><a href="#">组织数据管理</a></li>
							</ul>
							<!-- END PAGE TITLE & BREADCRUMB-->
						</div>
					</div>
					<div class="row-fluid">
						<div class="span3">
							<div class="portlet box yellow">
						        <div>
									<div class="portlet-title">
										<div class="caption">
											<i class="icon-cogs"></i>
											组织数据
										</div>
									</div>
									<div class="portlet-body">
									   <ul id="departmentZTree" class="ztree"></ul>
									</div>
								</div>
						    </div>
						</div>
						<div class="span9">
							<!-- BEGIN SAMPLE TABLE PORTLET-->
							<div class="portlet box yellow">
								<div class="portlet-title">
									<div class="caption"><i class="icon-github-sign"></i>组织数据列表</div>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
										</div>
									<div class="actions">
										<a class="btn btn-auto btn-outline m-wrap"  id = "addSysDepartmentVO">
											<i class=" icon-plus"></i>添加
										</a>
									</div>
								</div>
								<div class="portlet-body">
									<table id="departmentDataTable" class="table table-striped table-bordered table-hover table-full-width">
										<thead>
											<tr>
												 <th >组织名称</th>
												 <th >组织代码</th>
												 <th >描述</th>
												 <th style="width:200px;">操作</th>
											</tr>
										</thead>
										<tbody></tbody>
									</table>
								</div>
							</div>
							<!-- END SAMPLE TABLE PORTLET-->
						</div>
					</div>
				</div>
				<div id="addSysDepartmentVODiv" class="modal fade" tabindex="-1" data-width="800" role="dialog" aria-labelledby="departmentInfoModalLabel" aria-hidden="true">
				    <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header bg-primary">
				                <h4 class="modal-title" >
				                    <i class="icon-note"></i>
				                    <span id="lblAddTitle">组织架构信息</span>
				                </h4>
				            </div>
				            <div class="modal-body form">
								<!-- BEGIN FORM-->
								<form class="form-horizontal " id="addSysDepartmentVOForm" method="post" novalidate="novalidate" enctype="multipart/form-data" >
									<div class="alert alert-error hide">
										<button class="close" data-dismiss="alert"></button>
										表单验证出现问题. 请完善相关错误信息.
									</div>
									<div class="alert alert-success hide">
										<button class="close" data-dismiss="alert"></button>
										表单验证成功!
									</div>
									<input type="hidden" id="departmentId" name="departmentId"/>
									<input type="hidden" id="departmentParent" name="departmentParent"/>
									<div class="row-fluid"  style="min-height:58px;">
										<div class="span6">
											<div class="control-group ">
												<label class="control-label span3" for="departmentName"><span id="valierr" style="color:#FF9966">*</span>部门名称:</label>
												<div class="controls span8 input-group">
													<input type="text" name="departmentName" id="departmentName" class="form-input-sty span12 m-wrap" placeholder="请填写部门名称!"/>
												</div>
											</div>
										</div>
										<div class="span6">
											<div class="control-group ">
												<label class="control-label span3" for="departmentCode"><span id="valierr" style="color:#FF9966">*</span>部门编号:</label>
												<div class="controls span8 input-group">
													<input type="text" name="departmentCode" id="departmentCode" class="form-input-sty span12 m-wrap" placeholder="请填写部门编号!"/>
												</div>
											</div>
										</div>
									</div>
									<div class="row-fluid"  style="min-height:58px;">
										<div class="span6">
											<div class="control-group ">
												<label class="control-label span3" for="departmentHierarchy"><span id="valierr" style="color:#FF9966">*</span>机构层级:</label>
												<div class="controls span8">
													<sys:select bCode="101" bServer="true" bSearch="true" bAclid="zzjgcj" bId="zzjgcj" bName="departmentHierarchy" bClass="form-input-sty span12 m-wrap"/>
												</div>
											</div>
										</div>
										<div class="span6">
											<div class="control-group ">
												<label class="control-label span3" for="departmentName"><span id="valierr" style="color:#FF9966"></span>描述信息:</label>
												<div class="controls span8 input-group">
													<input type="text" name="departmentDesc" id="departmentDesc" class="form-input-sty span12 m-wrap" placeholder="请填写描述信息!"/>
												</div>
											</div>
										</div>
									</div>
								</form>
							</div>
				            <div class="modal-footer bg-info">
				            	<button type="button" id="SysDepartmentVOAddBtn" class="btn btn-info m-wrap btn-outline">确定</button>
				                  <button type="button" class="btn btn-auto m-wrap btn-outline" data-dismiss="modal">关闭</button>
				            </div>
				       </div>
				    </div>
				</div>
			</div>
		</div>
        <!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <jsp:include page="../common/sysFooter.jsp"></jsp:include>
        <!-- END FOOTER -->
        <!-- BEGIN CORE PLUGINS -->
        <script>
			jQuery(document).ready(function() {    
			   App.init();
			   TableAdvanced.init();
			   UIModals.init();
			});
		</script>
	    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/sys/sysDepartmentMgr.js"></script>
    </body>
</html>